import React from 'react'
import Svg, { Path } from 'react-native-svg'

const NotificationsReadSvg = ({
  size,
  color,
}: {
  size: number
  color: string
}) => {
  return (
    <Svg width={size} height={size} viewBox={`0 0 ${size} ${size}`} fill="none">
      <Path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M8.38282 2.82926C8.47188 1.47542 9.60788 0.43457 10.9578 0.43457C12.3077 0.43457 13.4437 1.47542 13.5328 2.82926C17.2742 3.92384 20.022 7.34362 20.022 11.4236V16.1112C20.8998 16.4488 21.5349 17.2935 21.5349 18.3065V19.1594C21.5349 20.1241 20.747 20.8727 19.8188 20.8727H15.2245C14.5991 22.6198 12.9129 23.858 10.9578 23.858C9.00277 23.858 7.3165 22.6198 6.6911 20.8727H2.09686C1.16863 20.8727 0.380737 20.1241 0.380737 19.1594V18.3065C0.380737 17.2935 1.01579 16.4488 1.89358 16.1112V11.4236C1.89358 7.34362 4.64141 3.92384 8.38282 2.82926ZM10.9578 5.40005L10.0867 5.52292C7.13483 5.9393 4.89358 8.43619 4.89358 11.4236V17.8727H9.43212V19.3727C9.43212 20.1726 10.0976 20.858 10.9578 20.858C11.818 20.858 12.4835 20.1726 12.4835 19.3727V17.8727H17.022V11.4236C17.022 8.43619 14.7808 5.9393 11.8289 5.52292L10.9578 5.40005Z"
        fill={color}
      />
    </Svg>
  )
}

export default NotificationsReadSvg
